import { createBottomTabNavigator, createAppContainer } from "react-navigation";
import All from "./OPD_TabScreen/All";
import Offline from "./OPD_TabScreen/Offline";
import Online from "./OPD_TabScreen/Online";
import { colors } from "../Style/Colors";

export const OPD_TabBar = createBottomTabNavigator(
  {
    All: All,
    Offline: Offline,
    Online: Online
  },
  {
    tabBarOptions: {
      activeTintColor: "black",
      inactiveTintColor: colors.whiteColor,
      showIcon: false,
      labelStyle: {
        fontSize: 14
      },
      style: {
        backgroundColor: colors.primaryColor,
        borderColor: colors.primaryColor,
        justifyContent: "center",
        alignItems: "center"
      }
    }
  }
);

export default createAppContainer(OPD_TabBar);
